SimpleMindMap 开启思维可视化之旅

SimpleMindMap 是什么

SimpleMindMap 既是思维导图的 js 库，也是一个完整思维导图工具。

功能丰富，能满足思维导图的各种需求，无论是简单的想法记录，还是复杂知识体系构建。

其插件化设计理念，使得除核心功能外的其它能力都作为插件提供，用户可以按需选择，避免了冗余代码的困扰。

而且易于使用，开箱即用，配置丰富，文档清晰，无论是编程新手还是有经验的开发者，都能快速上手。

安装方法

1. 在线使用

最便捷的方式便是直接在线使用。这种方式适合临时使用或者快速尝试工具功能的场景。

访问 在线思绪思维导图，无需繁琐安装过程，即可立即开始创建思维导图。

2. 本地部署

1
2
3
4
5
6
7
8
9

services:
  mind-map:
    image: hraulein/mind-map:latest
    container_name: mind-map
    restart: always
    ports:
      - "8080:8080"
    environment:
      - GIN_MODE=release # debug 为调试模式

注意：对于一些对数据安全和隐私有严格要求的用户，本地部署是最理想选择。将上面的内容保存为 docker-compose.yml 文件，然后用 docker-compose up -d 命令启动容器。

使用方法

1. 创建思维导图

打开 SimpleMindMap 应用后，首先会看到一个简洁的界面。点击「新建」按钮，即可开启一张新的思维导图。

在中心出现一个根节点，这是思维导图起点。可双击根节点，为其输入主题名称，比如「我的学习计划」。

2. 添加分支节点

确定好主题后，接下来就是添加分支节点来细化内容。先选中根节点，会发现有一些添加子节点的按钮或快捷键提示。

通常可以通过点击这些按钮或使用快捷键「如 Tab 键等」来创建子节点。例如，在「我的学习计划」根节点下，添加「语文」「数学」「英语」等学科子节点。

3. 编辑节点内容

对于每个节点，不仅可以修改文字内容，还可以进行丰富的格式设置。在选中节点后，可通过顶部菜单栏或者右键菜单找到编辑选项。

比如，可以设置字体大小、颜色，加粗、倾斜文字，甚至可以插入图片、链接等多媒体元素。

4. 调整布局

SimpleMindMap 提供了多种布局方式，以满足不同的展示需求。在菜单栏找到布局选项，有常见的思维导图布局。

可根据思维导图的内容结构和美观度考虑，随时切换布局，直观地看到不同的展示效果。

插件拓展

SimpleMindMap 的插件化特性是一大亮点。用户可根据自身需求安装各种插件来增强功能。

例如，有用于团队协作的插件，可让多个用户同时编辑一张思维导图，实时看到彼此修改；还有用于数据分析插件，能够对思维导图中的内容进行简单的统计分析，如节点数量统计、关键词频率分析等，为用户提供更好数据支持和决策依据。